<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts 雷达图示例</title>
    <!-- 引入 ECharts 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
</head>
<body>
<!-- 准备用于显示图表的容器 -->
<div id="radarChart" style="width: 600px;height:400px;color: lightgrey"></div>
<script>
    // 基于准备好的DOM，初始化echarts实例
    var myChart = echarts.init(document.getElementById('radarChart'));

    // 指定雷达图的配置项和数据
    var option = {
        title: {
            text: '基础雷达图'
        },
        radar: {
            // 雷达图的指示器，表示多个变量的标签
            indicator: [
                { name: '销售', max: 6500},
                { name: '管理', max: 16000},
                { name: '信息技术', max: 30000},
                { name: '客服', max: 38000},
                { name: '研发', max: 52000},
                { name: '市场', max: 25000}
            ]
        },
        series: [{
            type: 'radar',
            // 雷达图的数据
            data: [
                {
                    value: [4200, 3000, 20000, 35000, 50000, 18000],
                    name: '预算 a'
                },
                {
                    value: [4200, 3000, 20000, 35000, 50000, 18000],
                    name: '预算 b'
                }

            ]
        }]
    };

    // 使用配置项和数据显示雷达图
    myChart.setOption(option);
</script>
</body>
</html>